<!DOCTYPE html>

<html class="no-js css-menubar" lang="zh-cn">

	<head>
		<title>菜单编辑</title>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<!-- 移动设备 viewport -->
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui">
		<meta name="author" content="wcy">
		<meta name="mobile-web-app-capable" content="yes">

		<!-- 样式 -->
		<link rel="stylesheet" href="../public/themes/classic/global/css/bootstrap.css">
		<link rel="stylesheet" href="../public/fonts/font-awesome/font-awesome.css">
		<link rel="stylesheet" href="../public/themes/classic/base/css/site.css" id="siteStyle">
		<link rel="stylesheet" href="../public/fonts/web-icons/web-icons.css">
		<link rel="stylesheet" href="../public/vendor/ztree/css/metroStyle/metroStyle.css">
	</head>

	<body>

		<div class="page animation-fade page-forms" id="app" >
			<div class="page-content">
				<form class="form-horizontal" id="editForm">
                    <div class="form-group">
                        <label class="col-sm-3 col-xs-3 text-right control-label">类型：</label>
                        <div class="col-sm-8 col-xs-7">
                            <div class="radio-custom radio-primary radio-inline">
                                <input id="type1" name="type" value="0" type="radio" v-model="menu.type">
                                <label for="type1">目录</label>
                            </div>
                            <div class="radio-custom radio-primary radio-inline">
                                <input id="type2" name="type" value="1" type="radio" v-model="menu.type">
                                <label for="type2">菜单</label>
                            </div>
                            <div class="radio-custom radio-primary radio-inline">
                                <input id="type3" name="type" value="2" type="radio" v-model="menu.type">
                                <label for="type3">按钮</label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 col-xs-3 text-right control-label">菜单名称：</label>
                        <div class="col-sm-8 col-xs-7">
                            <input class="form-control" id="name" name="name" v-model="menu.name" autocomplete="off" type="text">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 col-xs-3 text-right control-label">上级菜单：</label>
                        <div class="col-sm-8 col-xs-7">
                            <input class="form-control" id="parentName" name="parentName" v-model="menu.parentName" @click="menuTree" readonly autocomplete="off" type="text">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 col-xs-3 text-right control-label">菜单url：</label>
                        <div class="col-sm-8 col-xs-7">
                            <input class="form-control" id="url" name="url" v-model="menu.url" autocomplete="off" type="text">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 col-xs-3 text-right control-label">排序：</label>
                        <div class="col-sm-8 col-xs-7">
                            <input class="form-control" id="orderNum" name="orderNum" v-model="menu.orderNum" autocomplete="off" type="number">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 col-xs-3 text-right control-label">图标：</label>
                        <div class="col-sm-8 col-xs-7">
                            <input class="form-control" name="icon" v-model="menu.icon" autocomplete="off" type="text">
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <div class="col-sm-9 col-sm-offset-3 col-xs-offset-3">
                            <button type="submit" class="btn btn-primary" >提交</button>
                            <button type="reset" class="btn btn-default btn-outline">重置</button>
                        </div>
                    </div>
                </form>
				
			</div>
		</div>
	<!-- 选择菜单 -->
	<div id="menuLayer" style="display: none;padding:10px;">
		<ul id="menuTree" class="ztree"></ul>
	</div>
	<script src="../public/vendor/jquery/jquery.min.js"></script>
	<script src="../public/vendor/bootstrap/bootstrap.min.js"></script>
	<script src="../js/common.js"></script>
	<script src="../public/vendor/vue/vue.min.js"></script>
	<!-- ztree树形菜单 -->
	<script src="../public/vendor/ztree/jquery.ztree.all.min.js"></script>
	<!-- 表单验证 -->
	<script src="../public/vendor/validate/jquery.validate.min.js"></script>
    <script src="../public/vendor/validate/messages_zh.min.js"></script>
	<!--layer弹窗-->
	<script src="../public/vendor/layer/layer.js"></script>	
	<script src="../js/system/menu-edit.js"></script>
		
	<script>
		
	</script>
	</body>

</html>